<html>
    <head>
        <meta charset="utf-8">
        <meta name="author" content="qinianqing">
        <title></title>
        <style>
            html{
                height: 100%;

            }
            body{
                width: 100%;
                height: 100%;
                margin: 0;
                background-image: url(img/lc.jpg);
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
            }
            section{
                width: 100%;

               position: absolute;
               left: 0;
               bottom:15px;
            }
            section a{
                color: white;
                text-decoration: none;
                font-size: 2vw;
                

            }
            section div{
                margin-bottom: 10px;
                height: 3.5vw;
                line-height: 3.5vw;
                background-color: black; 
                background-image: url(img/yhxx_08.png);
                background-repeat: no-repeat;
                background-size: 4vw 3.7vw;
                background-position: 100% 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                padding-left: 10px;
                animation:yidong 2s;
              
               
            }
            section div:nth-of-type(1){

                width: 15vw;
            }
             section div:nth-of-type(2){

                width: 17vw;
            }
             section div:nth-of-type(3){

                width: 20vw;
            }
             section div:nth-of-type(4){

                width: 17vw;
            }
             section div:nth-of-type(5){

                width: 15vw;
            }
            @keyframes yidong{
                0%{
                    transform: translateX(-100px) 
                }
                100%{
                    transform:  translateX(0px)
                }
            }
            
        </style>
    </head>
    <body>
        <section>
            <div><a href="">楼盘详情</a></div>
            <div><a href="">全景户型</a></div>
            <div><a href="">项目图册</a></div>
            <div><a href="">预约看房</a></div>
            <div><a href="">房贷计算器</a></div>
        </section>
    </body>
</html>